layui: 子iframe关闭/传值/刷新父页面 | 您所在的位置:网站首页 › layui layer 关闭 › layui: 子iframe关闭/传值/刷新父页面 |
父层 添加
点击添加,按钮,执行添加方法 function addCategory() { layer.open({ title:' 添加分类', type: 2, area: ['700px', '530px'], fix: false, //不固定 maxmin: true, content: '{sh::U("Mall/editcategory")}', success:function(layero,index){ }, end:function(){ var handle_status = $("#handle_status").val(); if ( handle_status == '1' ) { layer.msg('添加成功!',{ icon: 1, time: 2000 //2秒关闭(如果不配置,默认是3秒) },function(){ history.go(0); }); } else if ( handle_status == '2' ) { layer.msg('添加失败!',{ icon: 2, time: 2000 //2秒关闭(如果不配置,默认是3秒) },function(){ history.go(0); }); } } }); }
这个方法,打开一个iframe页面,页面中可以执行一些操作,添加分类,执行完毕后调用一个end方法。这个方法,很有用! 不管执行结果如果,都会调用。 iframe可以传递参数到父页面。 end方法,根据传递的结果,执行一些后续操作。 iframe层 名称: 类别: 图标: 启用: 启用 提交
表单提交,提交到后台(表单提交,刷新iframe层页面) var index = parent.layer.getFrameIndex(window.name); var success = '{sh:$success}'; if ( success == '1' ) { parent.$("#handle_status").val('1'); parent.layer.close(index); } else if( success == '2' ) { parent.$("#handle_status").val('2'); parent.layer.close(index); }
收到执行的结果,success,成功是1,失败是2。执行相应的操作。也就是, 传值+关闭iframe层。
父层有一个隐藏的元素,专门用来接收传值的
流程很清晰。 layer很牛逼!
|
CopyRight 2018-2019 实验室设备网 版权所有 |